html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,strong,b,a,span,del,pre,figure,figcaption{margin:0; padding:0;}
html,body{height: 100%;}
body{font-size: 14px;line-height: 1.6;font-family:"微软雅黑","Microsoft Yahei",arial,verdana,"苹方",sans-serif; color: #000000;}
input,textarea{font-family:"微软雅黑","Microsoft Yahei",arial,verdana,"苹方",sans-serif;}
h1,h2,h3,h4,h5{
    color: #000000;}
img{max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0;}
ul,li,dl,ol{list-style: none;}
i,em{font-style:normal;}
a{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color: #000000;}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
header, footer, article, section, nav, menu, hgroup { display: block; }
.fl { float: left; }
.fr { float: right; }
.wrap { max-width: 640px; margin: 0 auto; overflow: hidden; }
p{line-height: 26px;}

/*首页*/
.top{
    padding: 15px;
}
.top-logo img{
    width: 50%;
}
.banner{
    position: relative;
}
.banner img{
    width: 100%;
}
.ba-txt{
    padding: 15px;
    position: absolute;
    top: 27%;
    left: 10%;
    color: #ffffff;
}
.ba-txt .ba-1{
    font-size: 26px;
    font-weight: bold;
}
.ba-txt .ba-2{
    font-size: 12px;
    color: #bbb4b4;
    padding-top: 5px;
}
.index-protuct{
    padding: 30px 15px;
}
.index-title{
    text-align: center;
}
.index-title .index-en{
    text-transform: uppercase;
    color: #939393;
}
.index-title .index-zh{
    font-size: 26px;
    color: #474747;
    font-weight: bold;
}
.index-pro-list{
    padding-top: 30px;
}
.index-pro-list .pro1{
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
}
.index-pro-list .pro1 img{
    width: 70%;
}
.index-pro-list .pro1 p{
    font-size: 12px;
}
.rxpro{
    padding: 15px;
}
.rx-prolist{
    margin-bottom: 20px;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 40px 0 40px 0;
    box-shadow: 5px 3px 12px #c7c5c5;
}
.rx-prolist .rx-proimg,.rx-prolist .re-protxt{
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.rx-prolist .rx-proimg img{
    width: 100%;
}
.rx-prolist .re-protxt{
    padding: 15px;
}
.rx-prolist .re-protxt .re-t{
    font-size: 14px;
    font-weight: bold;
    color: #474747;
}
.rx-prolist .re-protxt .re-jl,.rx-prolist .re-protxt .re-cl{
    font-size: 12px;
    color: #676363;
}
.index-ys{
    padding: 30px 0;
    background: #5e86c7;
}
.index-title .index-ysen{
    color: #ffffff;
}
.index-title .index-ysentxt{
    font-size: 14px;
    color: #ffffff;
    padding: 8px 20px 0;
}
.index-ys-box{
    margin-top: 20px;
}
.index-ysbig{
    margin: 1.9% 0;
}
.index-yslist{
    background: #ffffff;
    width: 48%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0.9%;
    padding: 25px 0;
}
.index-ystxt{
    padding-top: 5px;
}
.index-case{
    padding: 30px 15px;
}
.index-case-box{
    padding-top: 30px;
}
.index-case-box ul li{
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 10px;
}
.index-case-box .index-case-img{
    width: 35%;
    float: left;
    padding-right: 15px;
}
.index-case-img img{
    width: 100%;
}
.index-case-txt{
    float: left;
    width: 60%;
}
.index-case-txt .case-title a{
    font-size: 14px;
    color: #474747;
    font-weight: bold;
}
.index-case-txt .case-dec{
    font-size: 12px;
    color: #9b9999
}
.index-video{
    background: rgba(214, 84, 45, 0.84);
    padding: 30px 0;
}
.tabs{
    margin: 30px 0 0;
    padding: 15px 15px 0;
}
.tabs .tab-links a {
    padding: 5px 5px;
    color: #ffffff;
    display: block;
    border:1px dotted rgba(175, 174, 174, 0.45);
    box-sizing: border-box;
}
.tabs .tab-links a.active {
    border:1px dotted #ffffff;
}
.tabs .tab-title p{
    float: left;
    width: 50%;
    margin-bottom: 15px;
}
.tabs .tab-content .tab {
    display: none;
}
.tabs .tab-content .tab video{
    width: 100%;
}
.tabs .tab-content .tab.active {
    display: block; /* Show active tab */
}
.index-footer{
    padding: 30px 0;
    text-align: center;
}
.index-footer .db p,.index-footer .db p a{
    color: #616161;
}
.main{
    padding-bottom: 80px;
    position: relative;
}
.footer{
    margin: 15px 25px;
    background: #f5f5f5;
    padding: 15px 0;
    border-radius: 40px;
    box-shadow: 5px 3px 12px #c7c5c5;
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
}
.footer .foot ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.footer .foot ul li a{
    display: block;
}
.footer .foot ul li a span{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.footer .foot ul li a .s1{
    background: url("../images/shouye1.png") no-repeat;
    background-size: 100%;
}
.footer .foot ul li a .s2{
    background: url("../images/chanpin1.png") no-repeat;
    background-size: 100%;
}
.footer .foot ul li a .s3{
    background: url("../images/anli1.png") no-repeat;
    background-size: 100%;
}
.footer .foot ul li a .s4{
    background: url("../images/lianxi1.png") no-repeat;
    background-size: 100%;
}
.tabs .tab-content .tab {
    display: none;
}
.index-protuct .product{
    margin: 0;
    padding: 0;
}
.pro-b{
    margin: 30px 0;
}
.product .pro-b .tab {
    display: none;
}
.product .pro-b .tab video{
    width: 100%;
}
.product .pro-b .tab.active {
    display: block; /* Show active tab */
}
.pro-b .pro-list{
    width: 47.999%;
    float: left;
    text-align: center;
    background: #5e86c7;
    box-sizing: border-box;
    padding: 8px;
    margin: 0.9%;
}
.pro-b .pro-list .pro-img img{
    width: 100%;
}
.pro-b .pro-list .pro-txt a{
    color: #ffffff;
}
.gs{
    padding: 30px 15px 15px;
}
.gs .gs-j p{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
}
.gs .gs-dc{
    color: #474747;
}
.gs-img{
    padding-top: 15px;
}
.gs-img img{
    width: 100%;
}
.gs-lb{
    margin-top: 30px;
}
.gs-lb-t{
    width: 25%;
    float: left;
    text-align: center;
    color: #000000;
}
.gs-lb-t p em{
    display: block;
    font-size: 14px;
    font-style: normal;
}
.gs-lb-t p i{
    margin-right: 9px;
    font-size: 30px;
    font-family: Impact;
    font-style: normal;
    color: #ff111d;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(-70deg, #ff111d, #b70009);
}
.gs-lb-t p b{
    display: block;
    font-size: 14px;
    font-weight:bold;
    color: #535353;
}
.gs-lianxi{
    padding-top: 30px;
}
.gs-lianxi .lianxi{
    width: 33.333%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}
.gs-lianxi .lianxi img{
    width: 100%;
}
.tel{
    margin-top: 30px;
    padding: 30px 15px;
    background: #f5f5f5;
    font-size: 22px;
    font-weight: 900;
    color: #535353;
}
.tel a{
    color: #ff111d;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(-70deg, #ff111d, #b70009);
}
.case{
    padding: 0 15px;
}
.case-list{
    padding: 15px;
    background: #f5f5f5;
    margin-bottom: 30px;
}
.case-list .case-img img{
    width: 100%;
}
.case-list .case-txt{
    text-align: center;
    padding-top: 8px;
}
.product-title{
    padding: 25px 15px 15px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.product-dex{
    padding: 15px;
}
.product-dex p{
    margin: 8px 0;
}
.product-dex .p-t{
    color: #bf1316;
    font-weight: bold;
}
.case-content{
    padding: 15px;
}
.product-dex img{
    width: 100%;
}
.case1{
    padding: 15px;
    background: #f5f5f5;
}
.case-content .case-left img{
    width: 100%;
}
.case-content .case-right{
    padding-top: 15px;
}
.case-content .case-right .case-f{
    /*color: #bf1316;*/
    font-size: 16px;
    font-weight: bold;
}
.case-content .case-right span{
    color: #555252;
}
.case-tw{
    padding-top: 25px;
}
.case2,.case-mt{
    padding: 20px 0;
}
.case-tt p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.case-tt span{
    color: #555252;
    display: block;
    padding-top: 8px;
}
.case-twlist{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
}
.case-ig p{
    width: 50%;
    float: left;
    box-sizing: border-box;
}